import React, { useEffect } from 'react'
import { NavBar } from 'antd-mobile'
import { Sticky} from 'react-vant'
import axios from 'axios';
import './style/advise.scss'
import { useNavigate } from 'react-router-dom';
export default function Advise() {
  // let nav=useNavigate()
  const back = () => {
    window.history.back();
  }
  return (
    <div className='advise'>
      <Sticky>
        <NavBar onBack={back} style={{
          borderBottom: '1px solid gainsboro', padding: '10px',
          fontSize: '20px', color: 'white', fontWeight: '600',
          backgroundColor: '#CCCCFF', borderBottomLeftRadius: '50%',
          borderBottomRightRadius: '50%'
        }}>书单推荐</NavBar>
      </Sticky>
      <div className='main'>
        <div className='box'>
          <img src='https://t7.baidu.com/it/u=424761518,1463586534&fm=217&app=126&size=f242,150&n=0&f=JPEG&fmt=auto?s=2AA0CC4DDA62D24D0823312F03003019&sec=1720544400&t=d9602d470e2a671291ab8d15f7cae15f' alt=''></img>
          <a href='https://mp.weixin.qq.com/s?__biz=MzI0MTUxNzE0Mg==&mid=2247491577&idx=3&sn=f8447479f61ca22df84603645b0b42eb&chksm=e90b08c0de7c81d62aa1eb116c3a9c0a11f6ee71aa99304b4747fc3ccaf5451f990a3bc467ac&scene=27'><p>中国古典文学十大名著</p></a>
        </div>
        <div className='box'>
          <img src='https://fc1tn.baidu.com/it/u=825416024,356202285&fm=202&src=781&ernie_sim_online&mola=new&crop=v1' alt=''></img>
          <a href='http://www.360doc.com/content/20/0727/02/65238170_926894570.shtml'><p>不能错过的20部中国现当代文学名著</p></a>
        </div>
        <div className='box'>
          <img src='https://gimg3.baidu.com/topone/src=https%3A%2F%2Fbkimg.cdn.bcebos.com%2Fsmart%2F4034970a304e251fe894e342af86c9177f3e532c-bkimg-process%2Cv_1%2Crw_1%2Crh_1%2Cmaxl_800%2Cpad_1%3Fx-bce-process%3Dimage%2Fresize%2Cm_pad%2Cw_348%2Ch_348%2Ccolor_ffffff&refer=http%3A%2F%2Fwww.baidu.com&app=2011&size=f200,200&n=0&g=0n&er=404&q=75&fmt=auto&maxorilen2heic=2000000?sec=1720544400&t=81fbd8190990cfa43a11b304fb29b287' alt=''></img>
          <a href='https://baike.baidu.com/item/%E4%B8%96%E7%95%8C%E5%8D%81%E5%A4%A7%E5%90%8D%E8%91%97/946086?fr=ge_ala'><p>世界十大名著</p></a>
        </div>
        <div className='box'>
          <img src='https://t9.baidu.com/it/u=2479046655,998955258&fm=3031&app=3031&size=f242,150&n=0&f=JPEG&fmt=auto?s=6980AC5304377F981B9CB759030010E4&sec=1720544400&t=3562761a5ed1a4e7656b04ef4c8a1716' alt=''></img>
          <a href='https://www.zhihu.com/tardis/bd/art/445668211?source_id=1001'><p>中小学生必读的30部中外文学名著 </p></a>
        </div>
      </div>

    </div>
  )
}
